<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
		<link rel="stylesheet" type="text/css" href="/static/lib/css/bootstrap4.3.1.css"/>
		<link rel="stylesheet" href="/static/css/header.css">
		<link rel="stylesheet" href="/static/css/footer.css">
		<link rel="stylesheet" type="text/css" href="/static/notice/css/notice.css"/>
</head>
<body>
{% include 'module/header.html' %}
<div class="main">
    <div class="title-h1 container">
        <h1>课程培训</h1>
    </div>
	<div class="content">
        {% for course in current_page %}
        <div class="container item" courseid = "{{ course.id }} ">
			<div class="row">
				<h2 class="title col">
					<a href="#">{{ course.title }}</a>
				</h2>
				<div class="time col text-right">
					{{ course.time }}
				</div>
			</div>

			<div class="abstract">
                {{ course.abstract | safe}}
            </div>
		</div>
        {% endfor %}
	</div>
	<nav aria-label="Page navigation example">
		<ul class="pagination justify-content-center">
			<li class="page-item"><a class="page-link" href="{% url 'course' %}?page={{ previous_page_num }}">上一页</a></li>
        <li class="page-link">第{{ page_num }}页—共{{ page_num_all }}页</li>
        <li class="page-item"><a class="page-link" href="{% url 'course' %}?page={{ next_page_num }}">下一页</a></li>
		</ul>
	</nav>
</div>

{% include 'module/footer.html' %}
	<script src="/static/lib/js/jquery3.4.1.js"></script>
	<script src="/static/lib/js/Bootstrap4.3.1.bundle.js"></script>
	<script src="/static/lib/js/typelighter.js"></script>
	<script src="/static/activity/js/main.js"></script>
	<script src="/static/activity/js/course.js"></script>
</body>
</html>
